<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>协议</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <style>
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed, 
        figure, figcaption, footer, header, hgroup, 
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
            vertical-align: baseline;
            word-break:break-all;/*letter-spacing: 0.04rem;*/
            /* list-style: none; */
        }
        input,button{outline: none;}
        
    </style>
    <script>
  window.onresize=textSize;
    function textSize(){
      var width=document.documentElement.clientWidth||document.body.clientWidth;
      var ratio=720/width;
      var con=document.getElementsByTagName('html')[0];
      con.style.fontSize=100/ratio+'px';
   };textSize();
   </script>
   <style>
        a {text-decoration: none;color:#000000;}
        .clear{ clear:both;}
        .cf:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} 
        .cf{zoom:1;}

        body{font-size: 0.28rem;color: #333;padding-top: 1rem;}
        .nav{position: fixed;width: 100%;height: 1rem;font-size: 0.35rem;color: #333;border-bottom: 1px solid #ccc;left: 0;top: 0;background-color: #fff;}
        .nav-p{text-align: center;line-height: 1rem;}
        .nav-img{position: absolute;left: 0.2rem;top: 0.3rem;width: 0.4rem;}
        .nav-btn{position: absolute;right: 0.2rem;top: 0.3rem;width: 0.5rem;height: 0.5rem;font-size: 0.28rem;color: #666;width: 0.7rem;}
        .ma-img{width: 35%;margin: 0.4rem auto;display: block;}
    
        .xy{padding: 0.3rem;}
        .err-img{width: 60%;display: block;margin: 1rem auto;}
        .err-p{font-size: 0.45rem;color: #666;text-align: center;}
        .left{float: left;width: 50%;text-align: center;color: #999;}
        .right{float: left;width: 50%;color: #999;}
        .box{margin-top: 0.5rem;border-top: 1px solid #ccc;padding-top: 0.5rem;line-height: 1.5;}

        
   </style>
</head>
<body>
     <div class="nav">
       <img src="image/left.png" onclick="document.location.href='zzx://back'" class="nav-img" alt="">
       <p class="nav-p">页面出错</p>
   </div>
   <div class="err">
     <img src="image/error.png" class="err-img" alt="">
     <p class="err-p">哎呀！出错啦！</p>
     <div class="cf box">
       <p class="left">
         可能原因：
       </p>
       <ul class="right">
         <li>网络信号不佳</li>
         <li>访问内容不存在</li>
         <li>连接服务器异常</li>
       </ul>
     </div>
   </div>


</body>
</html>